<!--整单中转 订单列详情-->
<template>
  <div class="contain">
    <div class="detail-state">
      <i class="iconfont icon-upcoming"></i>
      <em>请安排中转</em>
    </div>
    <div class="detail-wrap prog-wrap">
      <p class="custom"><i class="tag">客</i>惠民未来医院</p> 
      <p class="address"><i class="iconfont icon-address"></i>武汉市武昌丁字桥涂家岭9号</p>
      <div class="displayflex detail-wrap-sale">
        <i class="iconfont icon-salesmen"></i>
        <div class="list-tag"><i class="name">张伞</i><em class="tag">业务员</em></div>
        <span class="flex1">13011111111<a href="tel://13011111111" class="iconfont icon-phone org ml10"></a></span>
      </div>
    </div>
    <h2 class="form-tit-row">物流交接</h2>
    <div class="form-wrap">
      <div class="form-choice line">
        <popup-picker title="物流公司" :data="formDate.list3" :columns="3" v-model="formDate.value3" placeholder="点击选择" value-text-align="left" :show-name="formDate.customShow"></popup-picker>
        <!-- {{value3}}可显示选中的id -->
      </div>
      <div class="form-wrap-row">
        <div class="line displayflex">
          <div class="label">物流单号</div>
          <div class="ipt flex1"><input type="text" placeholder="点击输入"/></div>
        </div>
      </div>
      <div class="form-wrap-row">
        <div class="line displayflex">
          <div class="label">车牌号</div>
          <div class="ipt flex1"><input type="text" placeholder="点击输入"/></div>
        </div>
      </div>
    </div>
    <h2 class="form-tit-row">中转凭证上传(0) <em class="ft12 gray">最多9张</em></h2>
    <div class="form-wrap mb30">
      <div class="form-wrap-row">
        <ul class="pic-list cf">
          <li><img src=""></li> 
          <div class="upload-btn">
            <i class="iconfont icon-add"></i>
          </div>
        </ul>
      </div>
    </div>
    <div class="form-wrap mb30">
      <div class="form-wrap-row">
        <div class="line displayflex">
          <div class="label">备注</div> 
          <div class="ipt flex1"><textarea type="text" placeholder="请输入备注" class="form-txtarea"></textarea></div>
        </div>
      </div>
    </div>
    <div class="detail-bottom">
      <div class="btn default" @click="$router.go(-1)">取消</div>
      <div class="btn">中转完成</div>
    </div>
  </div>
</template>

<script>

export default {
  name:'transBill',
  data() {
    return {
      tab:true,
      value:0,
      formDate:{
        list3: [{
          name: '中国',
          value: 'china'
        }, {
          name: '美国',
          value: 'USA'
        }],
        value3:[],
        customShow:true,
      }
    }
  },
  created(){
    
  },
  mounted() {
    this.$nextTick(function() {

    })
  },
  methods: {
    
  }
}
</script>